<!DOCTYPE html>
<html>
    <head> 
		<title>Country-capital-currency-flag-language</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="css/style.css" rel="stylesheet" media="screen">
		<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
		<script src="js/commonfunctions.js"></script>
		<script src="js/url.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/load.js"></script>
		<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
		<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
		<link rel="stylesheet" href="/resources/demos/style.css">
    </head>
<script>
$( document ).ready(function() {
	viewCountryListLoad();
});
</script>	
    <body>
        <div class="top_header">
            <div class="menu_pad">
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="body_container head_top_hg">
			<div class="body_pad_lr">
                <div class="mar_t">
				<input type="button" name="quiz" id="quiz" value="GoTo QUIZ" onclick="gotoQuizFun()" />
                    <div class="search_input_field">
						<input type="text" name="searchInputFields" id="searchInputFields"  placeholder="Search"/>
						<button onClick="searchInputFiledsFun(1)">Go</button><span id="notificationLoader"></span>
					</div><div class="clearfix"></div><span id="searchError" name="searchError" style="color:red"></span>
                </div>
            </div>
			<div id="countryFlagDiv">
				<div id="alertLoader" style="padding:5px 0px !important;text-align:center;"></div>
				<div class="boxscroll" id="today_posts" ></div>
				<div  id="searchCountryDiv" ></div>
				<div  id="searchHideandShow" ></div>
			</div>
        </div>
    </body>
</html>
<script>
$(function() {
	$("#searchInputFields").autocomplete({	
		source: function( request, response ) {
			var keywordsss = $('#searchInputFields').val();
			$.ajax({
				type		:	'GET',
				url			:  	webServiceUrl+'search/'+keywordsss,
				dataType	: 	"json",
				success: function(data){
					if(data.value==1){	
						response( $.map( data.searchHashNames, function( item ) {
							return {
								label: item.ref,
							}
						}));
					}
				}				
			});
		},

	});
	
});

</script>
